<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Twoter</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="/stylesheets/bootstrap.css" rel="stylesheet">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
  </head>
  <body>

    {{navbar}}

    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span3">
          <div class="well sidebar-nav">
            <ul class="nav nav-list">
              <li class="nav-header"> Top tagged </li>
              {% for link in left_links %}
              <li><a href="{{link.url}}">{{link.name}}</a></li>
              {% endfor %}
            </ul>
          </div><!--/.well -->
        </div><!--/span-->
        <div class="span9">
          <div class="hero-unit">
            <h1>Welcome Back.</h1>
            <p>We missed you.</p>
            <p><a href="/offer/create" class="btn btn-primary btn-large">Continue Tutoring &raquo;</a></p>
          </div>
          <div class="row-fluid">
            <div class="span4">
              <h2>Reviews</h2>
              <p> Click here to see how your tutees have rated your tutoring: higher reputation points means higher credibility, and even more tutees! </p>
              <p><a class="btn" href="/users/accounts">View details &raquo;</a></p>
            </div><!--/span-->
            <div class="span4">
              <h2>Credits</h2>
              <p>Click here to check your credit balance: tutoring others earns you credits that you can later spend by being tutored. </p>
              <p><a class="btn" href="/users/accounts">View details &raquo;</a></p>
            </div><!--/span-->
            <div class="span4">
              <h2>Subjects</h2>
              <p>Check out the subjects currently offered by the Twoter community. </p>
              <p><a class="btn" href="/static/notYetImplemented.html">View details &raquo;</a></p>
            </div><!--/span-->
          </div><!--/row-->
          <div class="row-fluid">
            <div class="span4">
              <h2>Find a Tutor</h2>
              <p>Check here to search for someone to help you with what you need help with. You know, like, a tutor. A <i>Twoter</i>. </p>
              <p><a class="btn" href="/offer/search">View details &raquo;</a></p>
            </div><!--/span-->
            <div class="span4">
              <h2>Find a Tutee</h2>
              <p>Are you an expert? Looking for a way to earn some credits? Click here to post a listing, and find someone to teach. </p>
              <p><a class="btn" href="/offer/create">View details &raquo;</a></p>
            </div><!--/span-->
            <div class="span4">
              <h2>Featured Offer</h2>
              <p>Here's an offer from one of our favourite tutors:</p>
              <p><a class="btn" href="/static/notYetImplemented.html">View details &raquo;</a></p>
            </div><!--/span-->
          </div><!--/row-->
        </div><!--/span-->
      </div><!--/row-->

      <hr>

      <footer>
        <p>&copy; displugged 2013</p>
      </footer>

    </div><!--/.fluid-container-->

    <!--<!-- Le javascript
    ================================================== 
    <!-- Placed at the end of the document so the pages load faster
    <script src="../assets/js/jquery.js"></script>
    <script src="../assets/js/bootstrap-transition.js"></script>
    <script src="../assets/js/bootstrap-alert.js"></script>
    <script src="../assets/js/bootstrap-modal.js"></script>
    <script src="../assets/js/bootstrap-dropdown.js"></script>
    <script src="../assets/js/bootstrap-scrollspy.js"></script>
    <script src="../assets/js/bootstrap-tab.js"></script>
    <script src="../assets/js/bootstrap-tooltip.js"></script>
    <script src="../assets/js/bootstrap-popover.js"></script>
    <script src="../assets/js/bootstrap-button.js"></script>
    <script src="../assets/js/bootstrap-collapse.js"></script>
    <script src="../assets/js/bootstrap-carousel.js"></script>
    <script src="../assets/js/bootstrap-typeahead.js"></script>-->

  </body>
</html>
